<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>【荣耀V30 PRO 双模5G】</title>
    <link rel="stylesheet" href="../css/rester.css">
    <link rel="stylesheet" href="../css/iconfont-mall.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/detail.css">
    <script src="../js/jquery1.12.4.min.js"></script>
    <script src="../js/detail2.js"></script>
</head>
<body>
     <!-- 头部 -->
     <div id="header">
        <div class="container h_inner">
            <ul class="l_nav">
                <li>
                    <a href="./mall.html">首页</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="./index.html">华为官网</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="#">荣耀官网</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="#">花粉俱乐部</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="#">V码(优购码)</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="#">企业购</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="javascript:;">Select Region</a>
                    <span class="bg"></span>
                </li>
                <li class="s_down">
                    <a href="javascript:;">更多精彩 <i class="iconfont icon-shangxiajiantou"></i></a>
                    <div class="b">
                        <ul>
                            <li>
                                <a href="#">EMUL</a>
                            </li>
                            <li>
                                <a href="#">应用市场</a>
                            </li>
                            <li>
                                <a href="#">华为终端云空间</a>
                            </li>
                            <li>
                                <a href="#">开发者联盟</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <ul class="r_nav">
                <li>
                    <a href="./login.html">请登录</a> &nbsp;<a href="./register.html">注册</a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="#">我的订单</a>
                    <span class="bg"></span>
                </li>
                <li class="s_down">
                    <a href="#">客户服务 <i class="iconfont icon-shangxiajiantou"></i></a>
                    <span class="bg"></span>
                    <div class="b" style="width: 84px;">
                        <ul>
                            <li>
                                <a href="#">服务中心</a>
                            </li>
                            <li>
                                <a href="#">联系客服</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="#">网站导航 <i class="iconfont icon-shangxiajiantou"></i></a>
                    <span class="bg"></span>
                </li>
                <li>
                    <a href="#">手机版 <i class="iconfont icon-shangxiajiantou"></i></a>
                </li>
                <li class="s_down cart">
                    <a href="./cart.html"><i class="iconfont icon-gouwuchezhengpin"></i> 购物车(0)</a>
                    <div class="empty b">
                        <p class="p1"><i class="iconfont icon-gouwuchezhengpin"></i></p>
                        <p class="p2">您的购物车是空的，赶紧选购吧~</p>
                    </div>
                </li>
            </ul>
        </div>
     </div>
    <!-- header下面的top部分 -->
    <div id="top">
        <div class="t_inner container">
            <div class="logo">
                <a href="./mall.html" title="华为商城">
                    <img src="https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png" alt="">
                </a>
            </div>
            <ul class="t_nav">
                <li class="lipink">
                    <a href="#" style="color:#fff">华为专区</a>
                </li>
                <li class="liblue">
                    <a href="#" style="color:#fff">荣耀专区</a>
                </li>
                <li>
                    <a href="#">P40系列</a>
                </li>
                <li>
                    <a href="#">荣耀30</a>
                </li>
                <li>
                    <a href="#">智能家居</a>
                </li>
            </ul>
            <div class="search">
                <form action="#">
                    <input type="text" class="txt">
                    <input type="submit" class="btn">
                    <i class="iconfont icon-sousuo"></i>
                </form>
                <div class="txtlink">
                    <a href="#">Mate40系列</a>
                    <a href="#">WATHCH FIT</a>
                </div>
                <div class="search_history">
                    <dl>
                        <dt>热门搜索</dt>
                        <dd>
                            <a href="#">MateBook D</a>
                        </dd>
                        <dd>
                            <a href="#">nova8 Pro</a>
                        </dd>
                        <dd>
                            <a href="#">nova8</a>
                        </dd>
                        <dd>
                            <a href="#">平板</a>
                        </dd>
                        <dd>
                            <a href="#">华为智慧屏S</a>
                        </dd>
                        <dd>
                            <a href="#">Mate 30E pro</a>
                        </dd>
                        <dd>
                            <a href="#">耳机</a>
                        </dd>
                        <dd>
                            <a href="#">P40</a>
                        </dd>
                        <dd>
                            <a href="#">手表</a>
                        </dd>
                        <dd>
                            <a href="#">音箱</a>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="bigMask"></div>
    <div class="model">
        <div class="m_title"><span>×</span></div>
        <p>商品添加成功！</p>
        <div class="bot">
            <span class="look">再逛逛</span>
            <span class="go">去结算</span>
        </div>
    </div>
    <p class="h5"></p>
    <div id="main">
        <div class="container content clearfix">
            <div class="title">
                <a href="#" title="首页">首页</a>
                &nbsp;&gt;&nbsp;
                <a href="#" title="手机">手机</a>
                &nbsp;&gt;&nbsp;
                <a href="#" title="HUAWEI nova系列">HUAWEI nova系列</a>
                &nbsp;&gt;&nbsp;
                <span>荣耀V30 PRO 双模5G 麒麟990 5G SOC芯片 突破性相机矩阵 双超级快充 8GB+128GB 魅海星蓝 李现同款</span>
            </div>
            <div class="pic">
                <div class="sImg">
                    <img src="https://res.vmallres.com/pimages//product/6901443356881/800_800_ED6F99A38D40851D1C0D3C02E50872A0233980800B058247mp.png" alt="">
                    <div class="mask"></div>
                    <div class="bigImg">
                        <img src="https://res.vmallres.com/pimages//product/6901443356881/800_800_ED6F99A38D40851D1C0D3C02E50872A0233980800B058247mp.png" alt="">
                    </div>
                </div>
                <div class="img_nav">
                    <span class="left"><i class="iconfont icon-shangxiajiantou-copy1"></i></span>
                    <div class="warp">
                        <ul>
                            <li class="current">
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/78_78_ED6F99A38D40851D1C0D3C02E50872A0233980800B058247mp.png" alt="">
                            </li>
                            <li>
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/group//78_78_B65B3EB584495E4A74F26E7D17092F76B71DF9376B8FDFE8.PNG" alt="">
                            </li>
                            <li>
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/group//78_78_050E1899DA0C52F7D7C8969DD7818426139BD4072E25E737.png" alt="">
                            </li>
                            <li>
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/group//78_78_906AFAF3C20ED9FD33A03080411368CB4DD598C6DED0CBBC.png" alt="">
                            </li>
                            <li>
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/group//78_78_AB20321545E47E0C35632339DC175764ABD3ADB7BE08216E.png" alt="">
                            </li>
                            <li>
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/group//78_78_47D0E82C97E074DDCED1C70A14A15F6E379FC2D65DA44D03.png" alt="">
                            </li>
                            <li>
                                <img src="https://res.vmallres.com/pimages//product/6901443356881/group//78_78_B44B4BB15A04F09655B5AFCA5A0E3FB374D8C7B817101F7F.png" alt="">
                            </li>
                        </ul>
                    </div>
                    <span class="right"><i class="iconfont icon-shangxiajiantou-copy"></i></span>
                </div>
            </div>
            <div class="detail">
                <h2 class="pro-name">荣耀V30 PRO 双模5G 麒麟990 5G SOC芯片 突破性相机矩阵 双超级快充 8GB+128GB 魅海星蓝 李现同款</h1>
                <div class="product-slogan">
                    <span class="time">10:08限时开售！</span>
                    <span>66W华为超级快充，90Hz OLED曲面屏，麒麟985 5G SoC芯片，6400万魅力四摄，7.64mm纤薄机身，3D石墨烯散热</span>
                </div>
                <div class="product-info">
                    <div class="price clearfix">
                        <span>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</span>
                        <em><i>￥</i> <b>3899.00</b></em>
                    </div>
                    <div class="promotion clearfix">
                        <span>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</span>
                        <em>赠送积分</em>
                        <div class="tag">购买即赠商城积分，积分可抵现~</div>
                    </div>
                </div>
                <div class="h20"></div>
                <div class="description clearfix">
                    <div class="left">服务说明</div>
                    <div class="right">
                        <p><span>预计1月22日前发货</span> <em></em></p>
                        <ul>
                            <li><i class="iconfont icon-dui"></i>已满48元已免运费</li>
                            <li><i class="iconfont icon-dui"></i>由华为商城负责发货，并提供售后服务</li>
                        </ul>
                    </div>
                </div>
                <div class="product-id">
                    <span>商品编码</span>
                    <em id="product-id">2601010170603</em>
                </div>
                <div class="p_h5"></div>
                <div class="line"></div>
                <div class="h-16"></div>
                <div class="product-color clearfix">
                    <span>选择颜色</span>
                    <ul>
                        <li class="current">
                            <img src="https://res.vmallres.com/pimages//product/6901443356867/40_40_6FE00BC588F53A91593E4221A2FF7B39BC0D05F41F669566mp.png" alt="">
                            <span>冰岛环境</span>
                        </li>
                        <li>
                            <img src="https://res.vmallres.com/pimages//product/6901443356874/40_40_23726B2102572FFB2141D62293E8780F18D9861161FA67DCmp.png" alt="">
                            <span>幻夜星河</span>
                        </li>
                        <li>
                            <img src="https://res.vmallres.com/pimages//product/6901443356881/40_40_ED6F99A38D40851D1C0D3C02E50872A0233980800B058247mp.png" alt="">
                            <span>魅海星蓝</span>
                        </li>
                        <li>
                            <img src="https://res.vmallres.com/pimages//product/6941487211180/40_40_EDEEDE1B1AEB486FBA71C20F3F96441251B638EAD091A117mp.png" alt="">
                            <span>绮境森林</span>
                        </li>
                    </ul>
                </div>
                <div class="product-version clearfix">
                    <span>选择版本</span>
                    <ul>
                        <li class="current">
                            <span>5G全网通 8GB+128GB</span>
                        </li>
                        <li>
                            <span>5G全网通 8GB+256GB</span>
                        </li>
                    </ul>
                </div>
                <div class="product-package clearfix">
                    <span>选择套餐</span>
                    <ul>
                        <li class="current">
                            <span>官方标配</span>
                        </li>
                    </ul>
                </div>
                <div class="product-sev clearfix">
                    <span>保障服务</span>
                    <ul>
                        <li>
                            <span>碎屏服务宝1年 ￥399 <i class="iconfont icon-shangxiajiantou"></i></span>
                        </li>
                        <li>
                            <span>延长服务宝1年 ￥168 <i class="iconfont icon-shangxiajiantou"></i></span>
                        </li>
                    </ul>
                </div>
                <div class="selected clearfix">
                    <span>已选择商品：</span>
                    <p>冰岛幻境 / 5G全网通 8GB+128GB / 官方标配 </p>
                </div>
                <div class="buy clearfix">
                    <div class="num clearfix">
                        <input type="text" id="num" value="1" readonly='readonly'>
                        <div class="right">
                            <div class="add">+</div>
                            <div class="cut">-</div>
                        </div>
                    </div>
                    <button class="btn">立即登录</button>
                    <div class="product-time">
                        <p><em>01</em>月06日 10:08开售：</p>
                        <ul class="clearfix">
                            <li>00</li>
                            <em>天</em>
                            <li>00</li>
                            <em>:</em>
                            <li>09</li>
                            <em>:</em>
                            <li>30</li>
                        </ul>
                    </div>
                </div>
                <div class="tips clearfix">
                    <span>温馨提示</span>
                    <p>提前设置<a href="#">默认收获地址</a>，购买更顺利~</p>
                </div>
            </div>
        </div>
    </div>
    <div class="product-tab">
        <div class="container">
            <p><a href="#" class="current">商品详情</a><a href="#">规格参数</a><a href="#">包装与售后</a><a href="#">用户评价（999+）</a></p>
        </div>
    </div>


   

    <div id="footer">
        <div class="f_inner container">
            <!-- 口号 -->
            <div class="slogan">
                <ul>
                    <li class="s1">
                        <a href="#">
                            <i></i>
                            百强企业 品质保证
                        </a>
                    </li>
                    <li class="s2">
                        <a href="#">
                            <i></i>
                            7天退货 15天换货
                        </a>
                    </li>
                    <li class="s3">
                        <a href="#">
                            <i></i>
                            48元起免运费
                        </a>
                    </li>
                    <li class="s4">
                        <a href="#">
                            <i></i>
                            2000家服务店 全国联保
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 服务 -->
            <div class="service clearfix">
                <div class="service_l">
                    <dl class="s1">
                        <dt>
                            <p class="title">
                                购物相关
                            </p>
                        </dt>
                        <dd>
                            <ol>
                                <li>
                                    <a href="#">购物指南</a>
                                </li>
                                <li>
                                    <a href="#">配送方式</a>
                                </li>
                                <li>
                                    <a href="#">支付方式</a>
                                </li>
                                <li>
                                    <a href="#">常见问题</a>
                                </li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class="s2">
                        <dt>
                            <p class="title">
                                保修与退换货
                            </p>
                        </dt>
                        <dd>
                            <ol>
                                <li>
                                   <a href="#">保修政策</a>
                                </li>
                                <li>
                                    <a href="#">退换货政策</a>
                                </li>
                                <li>
                                   <a href="#">保修状态查询</a>
                                </li>
                                <li>
                                    <a href="#">配件防伪查询</a>
                                </li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class="s3">
                        <dt>
                            <p class="title">
                                维修与技术支持
                            </p>
                        </dt>
                        <dd>
                            <ol>
                                <li>
                                    <a href="#">服务店</a>
                                </li>
                                <li>
                                    <a href="#">预约维修</a>
                                </li>
                                <li>
                                   <a href="#">手机寄修</a>
                                </li>
                                <li>
                                    <a href="#">备件价格查询</a>
                                </li>
                                <li>
                                    <a href="#">上门服务</a>
                                </li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class="s4">
                        <dt>
                            <p class="title">
                                特色服务
                            </p>
                        </dt>
                        <dd>
                            <ol>
                                <li>
                                    <a href="#">防伪查询</a>
                                </li>
                                <li>
                                    <a href="#">补购保障</a>
                                </li>
                                <li>
                                    <a href="#">以旧换新</a>
                                </li>
                                <li>
                                    <a href="#">礼品包装</a>
                                </li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class="s5">
                        <dt>
                            <p class="title">
                                关于我们
                            </p>
                        </dt>
                        <dd>
                            <ol>
                                <li>
                                    <a href="#">公司介绍</a>
                                </li>
                                <li>
                                    <a href="#">华为商城简介</a>
                                </li>
                                <li>
                                    <a href="#">华为零售店</a>
                                </li>
                                <li>
                                    <a href="#">商家中心</a>
                                </li>
                                <li>
                                    <a href="#">意见反馈</a>
                                </li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class="s6">
                        <dt>
                            <p class="title">友情链接 <span><i class="iconfont icon-shangxiajiantou-copy1"></i><i class="iconfont icon-shangxiajiantou-copy"></i></span></p>
                        </dt>
                        <dd >
                            <ol>
                                <li>
                                    <a href="#">华为集团</a>
                                </li>
                                <li>
                                    <a href="#">华为CBG官网</a>
                                </li>
                                <li>
                                    <a href="#">花粉俱乐部</a>
                                </li>
                                <li>
                                    <a href="#">华为云</a>
                                </li>
                                <li>
                                    <a href="#">华为应用市场</a>
                                </li>
                            </ol>
                        </dd>
                    </dl>
                </div>
                <div class="service_r">
                   <div class="p1">950805</div>
                   <div class="p2">7x24小时客服热线（仅收市话费）</div>
                   <div class="p3">
                       <a href="#">
                           <i class="iconfont icon-zaixiankefu"></i>
                           在线客服
                       </a>
                   </div>
                   <div class="p4">
                       <h2>关注Vmall：</h2>
                       <ul>
                           <li>
                               <a href="javascript:;">
                                   <i class="iconfont icon-iconfontweixin"></i>
                               </a>
                               <div class="img">
                                   <img src="https://res.vmallres.com/pimages//pages/cdnImages/O3KMTpn7HHJrc3oZjphy.png" alt="">
                               </div>
                           </li>
                           <li>
                               <a href="#">
                                   <i class="iconfont icon-toutiao"></i>
                               </a>
                           </li>
                           <li>
                                <a href="#">
                                    <i class="iconfont icon-weibo"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="iconfont icon-baidu"></i>
                                </a>
                            </li>
                       </ul>
                   </div>
                </div>
            </div>
            <!-- copyright -->
            <div class="copyright">
                <div class="c_left">
                    <a href="#" title="华为商城">
                        <img src="https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png" alt="">
                    </a>
                </div>
                <div class="c_center">
                    <ul class="clearfix">
                        <li>
                            <a href="#">华为集团</a>
                        </li>
                        <li>
                            <a href="#">华为CBG官网</a>
                        </li>
                        <li>
                            <a href="#">花粉俱乐部</a>
                        </li>
                        <li>
                            <a href="#">华为应用市场</a>
                        </li>
                        <li>
                            <a href="#">EMUI</a>
                        </li>
                        <li>
                            <a href="#">华为终端云空间</a>
                        </li>
                        <li>
                            <a href="#">开发者联盟</a>
                        </li>
                        <li>
                            <a href="#">华为商城手机版</a>
                        </li>
                        <li class="last">
                            <a href="#">网站地图</a>
                        </li>
                    </ul>
                    <a href="#">隐私声明</a> <a href="#">服务协议</a> <a href="#">COOKIES</a> Copyright © 2012-2021  华为终端有限公司 版权所有 <a href="#">粤ICP备19015064号</a> <em>|</em> <a href="#">粤公网安备 44190002003939号</a><br>
                    增值电信业务经营许可证：粤B2-20190762 <em>|</em> 备案主体编号：44201919072182 <br>
                    <a href="#">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>  | 粤东食药监械经营备20203930
                </div>
                <div class="c_right">
                    <a href="#" title="电子营业执照">
                        <img src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>